Page({
  data: {
    // 列表数据
    list: [],
    // 查询参数
    queryData: {
      current: 1,
      pageSize: 4
    },
    // 是否结束
    isFinish: false,
    // 是否加载中
    isLoading: false
  },
  onLoad(options) {
    this.getVisitorList()
  },
  async getVisitorList() {
    // 1. 数据加载中
    this.setData({ isLoading: true })
    // 2. 发生数据请求
    try {
      // 2.1 发起请求
      let { rows, total } = await wx.http.get('/visitor', this.data.queryData)
      // 2.2 判断是否还有数据（总数是否大于现在列表的长度）
      if (total > this.data.list.length) {
        // 未结束
        this.setData({ isFinish: false, 'queryData.current': this.data.queryData.current + 1 })
      } else {
        // 结束了
        this.setData({ isFinish: true })
      }
      // 3. 将数据追加到列表
      this.setData({
        list: [...this.data.list, ...rows]
      })
    } catch (error) {
      console.log(error);
    } finally {
      // 4. 关闭加载
      this.setData({ isLoading: false })
    }
  },
  // 容器内内容滚动到了底部
  onScrolltolower() {
    // 数据正在加载中不允许
    if (this.data.isLoading) return
    // 数据没有了不允许
    if (this.data.isFinish) return wx.utils.toast('没有更多了')
    // 获取更多数据
    this.getVisitorList()
    console.log('容器内内容滚动到了底部');
  },
  goPassport({ mark }) {
    wx.navigateTo({
      url: '/visitor_pkg/pages/passport/index?id=' + mark.id,
    })
  },
})
